<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>13_文本属性-行高-细说行高-行高可以继承</title>
        <style>
            div {
                font-size: 40px;
                height: 500px;
                background-color: aquamarine;
                line-height: 1.5;
            }

            span {
                font-size: 100px;
                background-color: purple;
            }
        </style>
    </head>
    <body>
        <!-- （1）行高可以继承
             （2）为什么要我们写倍数 
                  因为继承了父元素的1.5倍  会自动计算当前标签font-size1.5倍
                  然后当做行高就可以了   
        -->

        <div>
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
            惊雷这通天修为天塌地陷<span>紫金锤g</span>紫电
        </div>
    </body>
</html>